/**
 * @description 列表页面
 */

import React, { useEffect, useState } from "react"

import CategoryList from "../Category"
import ListSearch from "./Components/ListSearch"
import ListSort from "./Components/ListSort"
import ListList from "./Components/ListList"
import ListHot from "@/PageCompnents/Hot/ListHot"
import AbPagination from '@/PageCompnents/Pagination'

function ListPage({ list }) {

  return (

    <div className="listpage">

      {/* 分类 */}
      <CategoryList limit={list.category.base.limit} />

      {/* 搜索 */}
      <ListSearch base={list.search.base} className='search' />

      {/* 排序 */}
      <ListSort base={list.sort.base} />

      {/* 列表 */}
      <ListList base={list.listlist.base} />

      {/* 分页 */}
      <AbPagination paginationBase={list.pagination.base} />

      {/* 热门 */}
      <ListHot base={list.listhot.base} className="listhot" />

    </div >
  )
}

export default ListPage